<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>出错啦</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/layui/css/layui.css">
</head>

<body>

  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend th:text="${status}"></legend>
  </fieldset>
  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

    <legend th:text="${error}"></legend>

  </fieldset>
  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

    <legend th:text="${message}"></legend>
  </fieldset>

  <div class="layui-container">
    <div class="layui-row">
      <a href="/" class="layui-btn layui-btn-normal" style="display:block;margin:0 auto">返回首页</a>
    </div>

    <div class="layui-carousel" id="test1" lay-filter="test1">
      <div carousel-item="">
        <div><img src="/404-bilibili.jpg"></img> </div>
        <div><img src="https://cdn.aixifan.com/dotnet/20130418/project/404/style/image/404img.png"></img>
          <br>咦？世界线变动了，你好像来到了奇怪的地方。看看其他内容吧~
        </div>
        <div><img src="/404-gitee.jpg"></img>
          <br>你所访问的页面不存在！ 资源不存在或者没有访问权限，点击上面的按钮返回首页
        </div>
      </div>
    </div>

    <script src="/layui/layui.js"></script>
    <script>
      layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
          elem: '#test1'
          , width: '100%' //设置容器宽度
          , arrow: 'always' //始终显示箭头
          //,anim: 'updown' //切换动画方式
        });
      });
    </script>

</body>

</html>